<template>
<div>
  <h1>vue-router的基本使用</h1>
  <!-- 声明路由链接 -->
  <router-link to="/home">首页</router-link>
  <router-link to="/movie">电影</router-link>
  <router-link to="/about">关于</router-link>
  <hr>
  <!-- 路由的占位符号 -->
  <router-view></router-view>
</div>
</template>

<script>
export default {
  name: 'MyApp',
}
</script>

<style lang="less" scoped>
hr + div {
  background-color: #efefef;
  padding: 15px;
  min-height: 300px;
}
</style>
